<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Modification d'un film</title>
	<link rel="stylesheet" type="text/css" href="Script/formulaire-css3.css" media="screen" title="bbxcss" />
	<link rel="stylesheet" href="Script/jquery-ui-1.8.20.custom/css/ui-lightness/jquery-ui-1.8.20.custom.css" />
	<script src="Script/jquery-ui-1.8.20.custom/js/jquery-1.7.2.min.js"></script>
	<script src="Script/jquery-ui-1.8.20.custom/js/jquery-ui-1.8.20.custom.min.js"></script>
	<script>
		$(document).ready(function() {				
			var availableTags = #{movieManagedBean.allNameMovies()};
			$("#j_idt3\\:tags").autocomplete({
					source: availableTags
			});
		});
		$(document).ready(function()
		{
			$("#j_idt10\\:datepicker").datepicker({dateFormat: 'dd/mm/yy'});
		});
		$(document).ready(function() {
			if(document.getElementById('state').value != "")
			{	
				$("#step1").fadeOut(1500,function()
				{
					document.getElementById('step2').style.visibility = "visible";
					$("#step2").hide().fadeIn(1500);		
				});
			}
		});
	</script>
</head>

<body>
	<form>
		<fieldset>
			<p align="center"><u><b>MODIFICATION D'UN FILM</b></u></p>
	    </fieldset>
	</form>
	
	<div id="step1">
		<h:form>
	    	<fieldset>
	      		<p>
	        		<label>NOM DU FILM</label>
	        		<!-- 
        			On récupère le nom du film à modifier que l'admin a écrit
        		 	-->
	      			<h:inputText id="tags" value="#{movieManagedBean.nomFilm}" />
	      		</p>
	        	<p align="right">
	        		<!-- 
	        			On vérifie le nom du film avec la fonction searchMovie() de la classe MovieManagedBean
	        			Ce managed bean peut demander l'injection du bean film de façon à pouvoir examiner les champs entrés par l'admin.
	        	 	-->
	       			<h:commandButton styleClass="compte_button" value="OK" action="#{movieManagedBean.searchMovie}" />
	        	</p>
	       	</fieldset>
	    </h:form>
	</div>
	<h:inputHidden id="state" value="#{movieManagedBean.nomFilm}" />
	<!-- Une fois le nom du film correcte on affiche la div contenant la modification d'un film -->
	<div id="step2" style="visibility: hidden">
		<h:form>
        	<fieldset>
      			<p>
        			<label>	NOM DU FILM</label>
        			<!-- 
        			On récupère le nom du film que l'admin a écrit
        		 	-->
      				<h:inputText class="movie_fields" value="#{movieManagedBean.movie.nom}" />
      			</p>
		       	<p>        
        			<label>DATE DE SORTIE</label>
        			<!-- 
        			On récupère la date de sortie du film que l'admin a écrit
        		 	-->
		        	<h:inputText id="datepicker" class="movie_fields" value="#{movieManagedBean.movie.dateSortie}" />
		        </p>
		        <p>     
		        	<label> GENRE</label>
		        	<!-- 
        			On récupère le genre du film que l'admin a écrit
        		 	-->
		         	<h:inputText class="movie_fields" value="#{movieManagedBean.movie.genre}" />
		        </p> 
       			<p>     
		        	<label> LANGUE</label>
		        	<!-- 
        			On récupère la langue du film que l'admin a écrit
        		 	-->
		         	<h:inputText class="movie_fields" value="#{movieManagedBean.movie.langue}" />
		        </p> 
		        <p>
		        	<label> DUREE </label>
		        	<!-- 
        			On récupère la durée du film que l'admin a écrit
        		 	-->
		        	<h:inputText class="movie_fields" value="#{movieManagedBean.movie.duree}" />
		       </p>
		        <p>
					<label> REALISATEUR </label>
					<!-- 
        			On récupère le réalisateur du film que l'admin a écrit
        		 	-->
		       		<input type="text" name="realisateur" size="70" value="Séparer chaque rélisateur par une virgule" onclick="this.value=''"/>
		        </p>   
		        <p>    
		        	<label> SCENARISTE </label>
		        	<!-- 
        			On récupère le scénariste du film que l'admin a écrit
        		 	-->
		       		<input type="text" name="scenariste" size="70" value="Séparer chaque scénariste par une virgule" onclick="this.value=''"/>
		       </p>
		       <p>    
		        	<label> ACTEUR </label>
		        	<!-- 
        			On récupère l'acteur du film que l'admin a écrit
        		 	-->
		      		<input type="text" name="acteur" size="70" value="Séparer chaque acteur par une virgule" onclick="this.value=''"/>
		       </p>
		       <p>
		        	<label> SYNOPSIS </label>
		        	<!-- 
        			On récupère le synopsis du film que l'admin a écrit
        		 	-->
		        	<h:inputText class="movie_fields" value="#{movieManagedBean.movie.synopsis}" />
		       </p> 
		       <p>              
		         	<label> LIEN PHOTO </label>
		         	<!-- 
        			On récupère le lien photo du film que l'admin a écrit
        		 	-->
		         	<h:inputText class="movie_fields" value="#{movieManagedBean.movie.lienPhoto}" />
		        </p>
		        <p>              
		         	<label> LIEN BANDE ANNONCE </label>
		         	<!-- 
        			On récupère la lien de la bande annonce du film que l'admin a écrit
        		 	-->
		         	<h:inputText class="movie_fields" value="#{movieManagedBean.movie.lienBA}" />
		        </p>    
		        <p align="right">
			        <!-- 
	        			On modifie le film avec la fonction modifyMovie() de la classe MovieManagedBean
	        			Ce managed bean peut demander l'injection du bean film de façon à pouvoir examiner les champs entrés par l'admin.
	        	 	-->
		        	<h:commandButton value="MODIFIER" action="#{movieManagedBean.modifyMovie}" />         
		        </p>
			</fieldset>
		</h:form>
	</div>
</body>
</html>